<template>
  <div id="maintop">
    <!-- <button type="button" class="btn btn-default btn-sm MenuBtn" @click="showMenu">
      <img :src="require('../../../static/images/menuIco.png')" alt style="width:15px" />
    </button> -->
    <!-- 右边顶部模板 -->
    <maintopLeft></maintopLeft>
    <!--  <router-link></router-link> -->
    <maintopRight></maintopRight>
  </div>
</template>
<script>
import maintopLeft from "@/components/main/maintop/maintopLeft";
import maintopRight from "@/components/main/maintop/maintopRight";
export default {
  components: {
    maintopLeft,
    maintopRight
  },
  methods: {
    // showMenu(){
    //   this.$store.commit('showMenu')
    // }
  }
};
</script>
<style scoped>
#maintop {
  display: flex;
  width: 100%;
  height: 110px;
  background-color: #fff;
  border-bottom: 2px solid #ccc;
  position: relative;
}
.MenuBtn{
  display: none;
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 9000;
}
@media (max-width: 768px) {
  #maintop {
    /* flex-wrap: wrap; */
    flex-direction: column-reverse;
    padding-bottom: 15px;
    height: auto;
  }
  .MenuBtn{
    display: block;
  }
}
</style>
